<#assign pageTitle="分享赚钱"/>
<#assign pageHeader>
    <link rel="stylesheet" type="text/css" href="/static/h5/css/user.css?20220210"/>
    <style>
        .share-warp{
            width: 100%;
            padding-bottom: 20px;
            background-color: #fec62b;
        }
        .share-warp img{
            margin: 0 auto;
            width: 100%;
            max-width: 750px;
        }
        .van-row{
            padding: 12px;
            background-color: #fffcf4;
            overflow: hidden;
            border-radius: 6px;
        }
        .share-title{
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 20px;
        }
        .course-card .course-info .course-name {
            margin: 8px 0 0;
            height: 36px;
            line-height: 16px;
            font-size: 16px;
        }
    </style>
</#assign>
<#assign pageContent>
    <van-nav-bar
            title="分享赚钱"
            left-text="返回"
            left-arrow
            @click-left="window.location.href='/user/index.html';"
            fixed
            placeholder
    ></van-nav-bar>
    <div class="share-warp">
        <img class="banner" src="/static/h5/images/share-banner.jpg" alt="">
        <div class="share-title">
            现在就点击课程推荐给好友吧
        </div>
        <div class="course-card">
            <div class="van-row">
                <div class="van-col van-col--24">
                    <a href="https://www.dwvan.com/course/view/6.html">
                        <div class="course-pic">
                            <img alt="" src="https://www.dwvan.com/upload/images/202204/22/20220422191233538216.jpg" lazy="loaded">
                        </div>
                        <div class="course-info">
                            <div class="course-name text-two">手绘平面图与效果实战</div>
                        </div>
                        <div class="course-price">
                            <div class="fl">室内设计</div>
                            <div class="fr">¥79</div>
                        </div></a>
                </div>
                <div class="van-col van-col--24">
                    <a href="https://www.dwvan.com/course/view/5.html">
                        <div class="course-pic">
                            <img alt=""  src="https://www.dwvan.com/upload/images/202204/22/20220422190639398888.jpg" lazy="loaded">
                        </div>
                        <div class="course-info">
                            <div class="course-name text-two">如何巧妙利用居住空间？</div>
                        </div>
                        <div class="course-price">
                            <div class="fl">室内设计</div>
                            <div class="fr">¥99</div>
                        </div>
                    </a>
                </div>
                <div class="van-col van-col--24">
                    <a href="https://www.dwvan.com/course/view/4.html">
                        <div class="course-pic">
                            <img alt=""  src="https://www.dwvan.com/upload/images/202204/22/20220422190253232403.jpg" lazy="loaded">
                        </div>
                        <div class="course-info">
                            <div class="course-name text-two">室内软装设计与实用技巧</div>
                        </div>
                        <div class="course-price">
                            <div class="fl">室内设计</div>
                            <div class="fr">¥49</div>
                        </div>
                    </a>
                </div>
                <div class="van-col van-col--24" >
                    <a href="/course/view/3.html">
                        <div class="course-pic">
                            <img alt=""  src="https://www.dwvan.com/upload/images/202204/22/20220422185528725026.jpg" lazy="loaded">
                        </div>
                        <div class="course-info">
                            <div class="course-name text-two">如何合理设计商业空间？</div>
                        </div>
                        <div class="course-price">
                            <div class="fl">室内设计</div>
                            <div class="fr">¥99</div>
                        </div>
                    </a>
                </div>
                <div class="van-col van-col--24">
                    <a href="https://www.dwvan.com/course/view/2.html">
                        <div class="course-pic">
                            <img alt=""  src="https://www.dwvan.com/upload/images/202204/22/20220422184643825118.jpg" lazy="loaded">
                        </div>
                        <div class="course-info">
                            <div class="course-name text-two">如何合理规划餐饮空间？</div>
                        </div> <div class="course-price">
                            <div class="fl">室内设计</div>
                            <div class="fr">¥99</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</#assign>
<#assign pageScript>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    showFooter: false,
                }
            },

        });
    </script>
</#assign>
<#include "../layout_h5.ftl" />